<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="address=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="browsermode" content="application" />
    <meta name="x5-page-mode" content="app" />
    <title>下载APP</title>
    <style>
    	html {
		    font-size: 100px;
		    margin: 0;
		    padding: 0;
		}
        *{
		    margin: 0;
		    padding: 0;
        }
        body{
        	width: 100%;
        	height: 100%;
        }
        a{
           text-decoration: none;
           color: #1B1B1B;
        }
        .headBody{
        	width: 100%;
        	height: .44rem;
        	line-height: .44rem;
        	font-size: .17rem;
        	color: #1B1B1B;
        }
        .backIco{
	        width: 10%;
		    height: .44rem;
		    text-align: center;
		    display: inline-block;
		    color: #fff;
        }
        .titleTxt{
    	    display: inline-block;
			width: 80%;
			text-align: center;
        }
        
        .sectionBody{
        	width: 100%;
        	height: 6rem;
        	background: url(images/bg.png) no-repeat center;
        	background-size: 100%;
        }
        .registLog{
        	width: 3.12rem;
        	height: 2.55rem;
        	margin: 0 auto;
        }
        .registLog img{
        	width: 100%;
        	padding: .2rem 0 .1rem;
        }
        .cardInfo{
        	width: 3.05rem;
        	height: 1.7rem;
    	    margin: .35rem auto 0;
        	background: url(images/cardInfo.png) no-repeat center;
        	background-size: 100% 100%;
        	position: relative;
        }
        .cardInfo p:nth-child(1){
    	    font-size: .15rem;
		    color: #4C4C4C;
		    width: 100%;
		    text-align: center;
	        padding-top: .64rem;
        }
        .cardInfo p:nth-child(1)::after{
		    content: " ";
		    position: absolute;
		    left: .6rem;
		    top: 48%;
		    width: 60%;
		    height: 1px;
		    border-top: 6px solid rgba(255, 185, 38, 0.3);
		    color: #E4E4E4;
		    -webkit-transform-origin: 0 0;
		    transform-origin: 0 0;
		    -webkit-transform: scaleY(.5);
		    transform: scaleY(.5);    	
        }
        .cardInfo p:nth-child(2){
    	    font-size: .18rem;
		    color: #061830;
		    width: 100%;
		    text-align: center;
	        padding-top: .1rem;
        }    
        .cardInfo p:nth-child(2)::after{
		    content: " ";
		    position: absolute;
		    left: 0.3rem;
		    top: 68%;
		    width: 80%;
		    height: 1px;
		    border-top: 6px solid rgba(255, 185, 38, 0.3);
		    color: #E4E4E4;
		    -webkit-transform-origin: 0 0;
		    transform-origin: 0 0;
		    -webkit-transform: scaleY(.5);
		    transform: scaleY(.5);	
        }                   
        .btnWrap{
        	width: 3.05rem;
        	margin: 0 auto;
        	display: flex;
        	justify-content:  space-between ;
        }
        .btnWrap a{
        	width: 1.43rem;
        	height: .45rem;
        	line-height: .45rem;
        	text-align: center;
        	font-size: .15rem;
        	color: #3276FE;
        	background: linear-gradient(top,#C4D3FF,#FFFFFF);
		    background: -webkit-linear-gradient(top,#C4D3FF,#FFFFFF);
		    border-radius: .25rem;
		    margin-top: .34rem;
        }
    </style>
</head>
<body>
	<header class="headBody">
		<a href="#" class="backIco"><</a>
		<span class="titleTxt">下载APP</span>
	</header>
     <section class="sectionBody">
     	 <div class="registLog">
     	 	<img src="images/registe.png" />
     	 </div>
     	 <div class="cardInfo">
     	    <p>恭喜您成功注册悟空招财</p>
     	    <p>马上安装悟空招财app领钱吧</p>
     	 </div>
     	 <div class="btnWrap">
     	 	<a href="itms-services://?action=download-manifest&url=https://image.pushunjinfuchina.com/ioszhaocai/manifest.plist">苹果下载</a>
     	 	<a href="https://image.pushunjinfuchina.com/android/Wkzhaocai.apk">安卓下载</a>
     	 </div>
     </section>
</body>
<script src="./lib/zepto.min.js?rev=@@hash"></script>
<script>
	 //rem布局
	!(function (doc, win) {
        var wh = $(window).height();
        var headH =  $('header').height();
            $('.sectionBody').height(wh - headH)+"px";
        var docEl = doc.documentElement,
	        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
	        recalc = function () {
	          var clientWidth = docEl.clientWidth;
	          if (!clientWidth) return;
	
	        if (!navigator.userAgent.match(/(iPhone|iPad|iPod|Android|ios|webOS|BlackBerry)/i)) {
	                docEl.style.fontSize = '100px';
	        }else{
	            docEl.style.fontSize = 100 * (clientWidth / 375) + 'px';
	        }
	        };
	        if (!doc.addEventListener) return;
	        win.addEventListener(resizeEvt, recalc, false);
	        doc.addEventListener('DOMContentLoaded', recalc, false);
	})(document, window);
</script>
</html>